Immersive mode for a web browser

ABSTRACT

Various aspects of the subject technology relate to systems, methods, and machine-readable media for providing a light bar for a web browser in an immersive mode. A system is configured to display a web browser in a first browsing mode, wherein the browser in the first browsing mode comprises one or more tabs and receive, from a user, an indication to enter a second browsing mode for the web browser. In response to receiving the indication, the web browser may be displayed in the second browsing mode in which the one or more tabs are not shown. One or more light bars may also be displayed in a display area of the web browser at locations corresponding with the one or more tabs. Each of the one or more light bars is associated with one of the one or more tabs.

RELATED APPLICATION

This application is a continuation and claims the benefit of U.S.application Ser. No. 13/929,698 filed Jun. 27, 2013, the disclosure ofwhich is entirely incorporated herein by reference.

BACKGROUND

The present disclosure generally relates to user interfaces and, inparticular, to display modes in a web browser.

Web browsers are configured to load web pages for display in a displayarea of a browser. In some cases multiple web pages or may be loaded atthe same time using browser tabs. For example, a web browser may havemultiple tabs open and each tab may contain a loaded web page. For eachweb browser window, one of the tabs may be an active tab and the othertabs may be hidden or non-active tabs. The web page loaded in the activetab may be shown in the display area of the browser while the web pagesloaded in the hidden tabs are not shown in the display area. Instead, toview those web pages, a user may select a hidden tab to make theselected tab the active tab so that the web page loaded in the selectedtab may be shown in the display area of the browser. Some browsers orweb pages may enable users to select a full-screen mode or immersivemode for a web browser where the contents of the active tab may beviewed in full-screen.

SUMMARY

Various aspects of the subject technology relate to a system forproviding a light bar in a web browser during an immersive mode. Thesystem may include one or more processors and a machine-readable mediumcomprising instructions stored therein, which when executed by the oneor more processors, cause the one or more processors to performoperations. The operations include displaying a web browser comprisingone or more browsing tabs, wherein the one or more browsing tabscomprise an active tab, receiving, from a user, an indication to enteran immersive mode for the web browser, displaying the web browser in theimmersive mode in response to the indication, wherein the web browser inthe immersive mode is displayed with content for the active tabdisplayed in full screen, and displaying, in a display area of the webbrowser in the immersive mode, one or more light bars at locationscorresponding with the one or more browsing tabs, wherein each of theone or more light bars is associated with one of the one or morebrowsing tabs.

Other aspects of the subject technology relate to a method for providinga light bar in a web browser during an immersive mode. The methodincludes displaying a web browser in a first browsing mode, wherein thebrowser in the first browsing mode comprises one or more tabs,receiving, from a user, an indication to enter a second browsing modefor the web browser, displaying the web browser in the second browsingmode in response to the indication, wherein the web browser in thesecond browsing mode is displayed without the one or more tabs, anddisplaying, in a display area of the web browser in the second browsingmode, one or more light bars at locations corresponding with the one ormore tabs, wherein each of the one or more light bars is associated withone of the one or more tabs.

Various aspects of the subject technology relate to a non-transitorymachine-readable medium comprising instructions stored therein, whichwhen executed by a machine, cause the machine to perform operations. Theoperations include displaying a web browser comprising one or more tabs,receiving, from a user, an indication to enter a full-screen mode forthe web browser, displaying the web browser in the full-screen mode inresponse to the indication, and displaying one or more light barsassociated with each of the one or more tabs, wherein the one or morelight bars are displayed at locations in the display area correspondingwith each of the one or more tabs.

It is understood that other configurations of the subject technologywill become readily apparent to those skilled in the art from thefollowing detailed description, wherein various configurations of thesubject technology are shown and described by way of illustration. Aswill be realized, the subject technology is capable of other anddifferent configurations and its several details are capable ofmodification in various other respects, all without departing from thescope of the subject technology. Accordingly, the drawings and detaileddescription are to be regarded as illustrative in nature and not asrestrictive.

BRIEF DESCRIPTION OF THE DRAWINGS

The accompanying drawings, which are included to provide furtherunderstanding of the subject technology and are incorporated in andconstitute a part of this specification, illustrate disclosed aspects ofthe subject technology and together with the description serve toexplain the principles of the subject technology.

FIG. 1 is an illustration of an example user interface showing a webbrowser, in accordance with various aspects of the subject technology.

FIG. 2 is an illustration of an example user interface showing a webbrowser in an immersive mode, in accordance with various aspects of thesubject technology.

FIG. 3 is an illustration of another example user interface showing aweb browser in an immersive mode, in accordance with various aspects ofthe subject technology.

FIG. 4 is a block diagram illustrating an example system configured toprovide a light bar in a web browser during an immersive mode, inaccordance with various aspects of the subject technology.

FIG. 5 is a flow chart illustrating an example process for providing alight bar in a web browser during an immersive mode, in accordance withvarious aspects of the subject technology.

FIG. 6A and FIG. 6B are illustrations of portions of example userinterfaces that include light bars, in accordance with various aspectsof the subject technology.

FIG. 7 is a block diagram illustrating an example computer system withwhich any of the computing machines, devices, or systems discussedherein may be implemented, in accordance with some aspects of thesubject technology.

DETAILED DESCRIPTION

The detailed description set forth below is intended as a description ofvarious configurations of the subject technology and is not intended torepresent the only configurations in which the subject technology may bepracticed. The appended drawings are incorporated herein and constitutea part of the detailed description. The detailed description includesspecific details for the purpose of providing a thorough understandingof the subject technology. However, it will be apparent that the subjecttechnology may be practiced without these specific details.

A web browser may be configured to allow a user to enter an immersivemode (e.g., a full-screen mode) for the web browser. When the webbrowser is in the immersive mode, the content of an active browser tab,which is typically a web page, is shown in the entire area of the webbrowser's display area. In some cases, this may be the entire webbrowser window or the entire screen of one or more monitors or displays.However, when the web browser is in the immersive mode, the tabs are notvisible to the user. Accordingly, the user may not be aware of or haveany visual indication of the number of tabs open, the location of thetabs, which tabs are active or hidden, or any other information otherthan the content of the active tab.

Various aspects of the subject technology relate to systems and methodsfor providing one or more light bars in the display area of a webbrowser while the web browser is in an immersive mode. The light barsare configured to provide a persistent visual indicator of the one ormore tabs without taking much space in the display area of the webbrowser. The persistent visual indicators may allow a user to determinehow many tabs are open without taking any action such as moving a cursorto a prescribed area to show hidden tabs. Furthermore, the light barsprovide visual indicators that take up less space than the browser tabsthat they replace.

FIG. 1 is an illustration of an example user interface 100 showing a webbrowser 105, in accordance with various aspects of the subjecttechnology. The user interface 100 may be a desktop, screen, or displayprovided by a device. The device may be, for example, a computer, alaptop, a tablet, a mobile phone, a mobile device, a smart television orscreen, a display device, or any other machine associated with adisplay.

The web browser 105 may contain a number of browser tabs 110, 115, 120,and 125 that are shown in a non-display portion 135 of the web browser.The non-display portion 135 of the web browser 105 may be, for example,a tool bar, a ribbon, a border, or other portion of the web browser 105that does not display the content of a browser tab. Each browser tab maycontain content such as a web page, an image, a document, spreadsheet, avideo, or any other content or media that may be loaded by a web browser105. The browser tabs in the web browser 105 may be active or hidden.

For example, in FIG. 1, browser tab 110 is an active tab, while browsertabs 115, 120, and 125 are hidden tabs. The content contained in theactive tab 110 may be shown in a display area 130 of the web browser 105while the content loaded in the hidden tabs 115, 120, and 125 are notvisible in the display area 130. If a user wishes to see the contentloaded in one of the hidden tabs, the user can select the hidden tab tomake the selected tab the active tab. Accordingly, the content containedin the selected tab will be shown in the display area 130.

The web browser 105 may also enable users to activate an immersive modefor the web browser in which the contents of the active tab enlarged tocover, for example, the entire web browser window 105 or the entire userinterface 100. A user can activate the immersive mode by, for example,using a hot-key, activating a user interface element such as a button,typing in a command, using a gesture on a track pad, or by some othermeans.

FIG. 2 is an illustration of an example user interface 200 showing a webbrowser in an immersive mode, in accordance with various aspects of thesubject technology. The user interface 200 may be a desktop, screen, ordisplay provided by a device or, in some aspects, the user interface 200may be the browser window. As is shown in FIG. 2, the non-displayportions of the web browser and the browser tabs are not visible whenthe web browser is in the immersive mode. Instead, display area 205 ofthe web browser and the contents of the active tab are expanded in theuser interface 200. Accordingly, there are no visual indications of howmany tabs are open, which tabs are active or hidden, or any otherinformation other than the content of the active tab. Furthermore, thereare no interface elements visible that the user can user to selectanother browser tab to switch the active browser tab.

FIG. 3 is an illustration of another example user interface 300 showinga web browser in an immersive mode, in accordance with various aspectsof the subject technology. As seen with FIG. 3, the non-display portionsof the web browser and the browser tabs are not visible during theimmersive mode. Instead, display area 305 of the web browser and thecontents of the active tab are expanded in the user interface 300.However, in FIG. 3, a system, such as the web browser running on adevice, may be configured to provide for the display of light bars 310,315, 320, and 325 in the display area 305. According to some aspects,the light bars 310, 315, 320, and 325 may be displayed at an edge of thedisplay area 305, at the top of the display area 305, or near an edge ofthe display area 305 (e.g., at a predetermined offset distance away fromthe top edge of the display area 305).

The light bars 310, 315, 320, and 325 may provide a persistent visualindicator of the browser tabs of the web browser. Each of the light bars310, 315, 320, and 325 is associated with one of the browser tabs of theweb browser. The light bars 310, 315, 320, and 325 may be smaller,thinner, or take up less space on the user interface 300 than thebrowser tabs which they replace. For example, the light bars 310, 315,320, and 325 may be 5 or less pixels in width.

Accordingly, they may be less distracting to a user or obscure less ofthe content of the active browser tab. According to some aspects, a usermay select the light bar in order to activate the associated browser taband make that browser tab the active browser tab. This may result in thedisplay area 305 changing to the content of the browser tab associatedwith the selected light bar.

According to some aspects, the light bars 310, 315, 320, and 325 may becomposed of one or more colors. The colors of the light bars may bedefault colors (e.g., a default color, a default color for an activetab, a default color for a hidden tab, etc.), colors selected based onthe content of the tab, or a combination of these. In some cases, thecolors may be selected based on an image or icon associated with abrowser tab. For example, the icon may be a shortcut icon, a “favicon,”a web site icon, a bookmark icon, a miniaturized image of the content ofa browser tab, or any other image associated with the content of thebrowser tab. One or more colors for the light bar associated with thebrowser tab may be selected based on the dominant colors in the icon.

In some aspects, the light bars may have additional functionality. Forexample, each light bar may be configured to indicate states of webpages. A light bar may be configured to, for example, indicate whencontent (e.g., a web page) is loading, when content has finishedloading, when an error has occurred, or if the tab is playing audio orvideo content. The light tab may indicate these stages by flashing orpulsing a particular color or combination of colors, turning aparticular color, or becoming dimmer or brighter. For example, the lightbar for a tab may be dimmed while the tab is loading content and becomebrighter when the content has finished loading. When there is an errorassociated with a tab, the light bar for the tab may be a default errorcolor (e.g., bright red). When audio or video content is being played ina tab, the light bar for the tab may pulse a white light.

FIG. 4 is a block diagram illustrating an example system 400 configuredto provide a light bar in a web browser during an immersive mode, inaccordance with various aspects of the subject technology. The system400 may include a display module 410, an input module 420, and a contentmodule 430. In other aspects, however, the system may include additionalmodules, alternative modules, or fewer modules.

The display module 410 is configured to provide the display functions ofa web browser on a computing machine or device (e.g., a laptop, atablet, a computer, a smart television, a smart phone, a mobile device,etc.). For example, the display module 410 is configured to display theweb browser in all of its various browsing modes, the browsing tabs, thecontent loaded in an active browsing tab, and any other displayedinterface of the web browser. The display module 410 may also beconfigured to display one or more light bars associated with thebrowsing tabs when the web browser is in immersive mode.

The input module 420 is configured to receive input from various sourcessuch as, for example, a user. Inputs that may be received may includeuniform resource locators (URLs) inputted by a user, instructions toopen a link received from the user or another process or system, orindications to enter or exit various browsing modes such as an immersivebrowsing mode.

The content module 430 may be configured to load content in a browserdisplay area for viewing. For example, the content module 430 maycommunicate with various resources over a network (e.g., the Internet)in order to obtain content (e.g., images, web pages, video, audio,files, etc.) so that the content may be displayed by the display module410. In other aspects, the content may be accessed on a local hard driveor other memory in more direct communication with the system 400.

FIG. 5 is a flow chart illustrating an example process 500 for providinga light bar in a web browser during an immersive mode, in accordancewith various aspects of the subject technology. Although the processblocks of FIG. 5 are described with reference to the components of thesystem 400 in FIG. 4, the blocks are not limited to being performed bythese components. In addition, although the blocks in process 500 areshown in a particular order, certain blocks may be executed in differentorders or at the same time.

At block 505, the display module 410 may display a web browser havingone or more browser tabs (e.g., an active browser tab and possibly oneor more hidden browser tabs). The web browser may be displayed in afirst browsing mode, such as a normal browsing mode where the browsertabs are in an area of the browser that does not display loaded content(e.g., a web page, an image, etc.) for the active browser tab. The areamay be, for example, a tool bar, a ribbon, or a border of the webbrowser.

The input module 420 may determine whether a user indication to enter asecond browsing mode, an immersive mode, has been received. The userindication may be received via a hot-key, a user interface element suchas a button, using a gesture on a track pad, or through some othercommand or instruction. If a user indication has not been received, thebrowser may continue to operate in the first browsing mode.

If a user indication is received by the input module 420, the displaymodule 410 may display the web browser in the second browsing mode(e.g., immersive mode) at block 515. When the web browser is in theimmersive mode the display area of the web browser is expanded in theuser interface of the web browser and contents of the active tab mayappear full-screen. Furthermore, the browser tabs that are visible inthe normal browsing mode are not shown in the immersive mode.

At block 520, the display module 410 may also display one or more lightbars in the display area of the user interface. Each light bar displayedin the user interface may be associated with one of the browser tabs andmay be displayed in a location corresponding to the browser tab. Forexample, the light bar displayed at the left-most position may beassociated with the browser tab displayed the furthest left when the webbrowser was in normal browsing mode. The light bar displayed at thesecond to left-most position may be associated with the browser tabdisplayed the second to furthest left when the web browser was in normalbrowsing mode. The positions of the other light bars may similarlycorrespond to the browser tab that each light bar is associated with.

As mentioned above, the light bars displayed may be colored the same ordifferently. According to some aspects, the displaying of the light barsincludes selecting one or more colors for each light bar and displayingthe light bar in accordance to the selected color(s). In oneimplementation, the one or more colors for a light bar associated with abrowser tab may be selected based on an image associated with thebrowser tab. For example, the image may be a miniaturized version of thecontent (e.g., the image, the web page, etc.) of the browser tab. Inanother example, the image may be an icon associated with the browsertab or the content of the browser tab. The icon may be a “favicon,” aweb site icon, or a bookmark icon.

To select one or more colors from the image, the display module 410 maygenerate a prioritized list of colors used in the image and select themost used or most dominant colors in the image. According to someaspects, generating the prioritized list of colors may include a numberof image processing steps such as removing background colors (e.g.,whitespace or other colors that serve as a background to the icon),grouping together similar colors, determining a weighted average colorfor each group of similar colors, and determining the portion of theimage (e.g., the number of pixels) that correspond to each group ofsimilar colors. The group of similar colors that is responsible for thebiggest portion of the image may be assigned the highest priority andthe color used for that group of colors may be the average color forthat group of colors. The other colors in the prioritized list of colorsmay be similarly determined.

In some cases each light bar may include more than one color. Forexample, a portion of the light bar may be a first color and the rest ofthe light bar may be a second color. All of the colors for the light barmay be selected based on the image associated with the browser tab oronly some of the colors may be based on the image. For example, thefirst portion of the light bar may be a color selected based on theimage while the second color may be selected based on a default color ora characteristic of the browser tab.

In one aspect, the default color may be a predefined color (e.g., ashade of grey). There may also be multiple default colors based on thecharacteristic of the browser tab. For example, there may be one defaultcolor for active browser tabs and another default color for hiddenbrowser tabs. Accordingly, a light bar for an active browser tab mayinclude the default color for the active browser tab, while a light barfor a hidden browser tab may include the default color for the hiddenbrowser tab.

FIG. 6A and FIG. 6B are illustrations of portions of example userinterfaces that include light bars, in accordance with various aspectsof the subject technology. For example, in FIG. 6A, the user interface605 includes light bars 610, 615, 620, and 625 that each include twocolors or textures. Although FIG. 6A includes light bars that eachcontain only two colors, in other implementations, more colors ortextures may also be may be used. Furthermore, the light bars includedin the user interface may have a different number of colors or texturesused than other light bars.

The light bars may also be placed in different locations in the userinterface. For example, in FIG. 6A, the user interface 650 includeslight bars 655, 660, 665, and 670 that are located at the topmost edgeof the user interface 650. In other implementations, the light bars maybe located at or near other edges (e.g., a right edge, a left edge, or abottom edge). The light bars may also be arranged horizontally,vertically, or in other orientations.

FIG. 7 is a block diagram illustrating an example computer system withwhich any of the computing machines, devices, or systems discussedherein may be implemented, in accordance with some aspects of thesubject technology. In certain aspects, the computer system 700 may beimplemented using hardware or a combination of software and hardware,either in a dedicated server, or integrated into another entity, ordistributed across multiple entities.

The example computer system 700 includes a processor 702, a main memory704, a static memory 706, a disk drive unit 716, and a network interfacedevice 720 which communicate with each other via a bus 708. The computersystem 700 may further include an input/output interface 712 that may beconfigured to communicate with various input/output devices such asvideo display units (e.g., liquid crystal (LCD) displays, cathode raytubes (CRTs), or touch screens), an alphanumeric input device (e.g., akeyboard), a cursor control device (e.g., a mouse), or a signalgeneration device (e.g., a speaker).

Processor 702 may be a general-purpose microprocessor (e.g., a centralprocessing unit (CPU)), a graphics processing unit (GPU), amicrocontroller, a Digital Signal Processor (DSP), an ApplicationSpecific Integrated Circuit (ASIC), a Field Programmable Gate Array(FPGA), a Programmable Logic Device (PLD), a controller, a statemachine, gated logic, discrete hardware components, or any othersuitable entity that can perform calculations or other manipulations ofinformation.

A machine-readable medium (also referred to as a computer-readablemedium) may store one or more sets of instructions 724 embodying any oneor more of the methodologies or functions described herein. Theinstructions 724 may also reside, completely or at least partially,within the main memory 704 and/or within the processor 702 duringexecution thereof by the computer system 700, with the main memory 704and the processor 702 also constituting machine-readable media. Theinstructions 724 may further be transmitted or received over a network726 via the network interface device 720.

The machine-readable medium may be a single medium or multiple media(e.g., a centralized or distributed database, and/or associated cachesand servers) that store the one or more sets of instructions. Themachine-readable medium may include the drive unit 716, the staticmemory 706, the main memory 704, the processor 702, an external memoryconnected to the input/output interface 712, or some other memory. Theterm “machine-readable medium” shall also be taken to include anynon-transitory medium that is capable of storing, encoding or carrying aset of instructions for execution by the machine and that cause themachine to perform any one or more of the methodologies of theembodiments discussed herein. The term “machine-readable medium” shallaccordingly be taken to include, but not be limited to, storage mediumssuch as solid-state memories, optical media, and magnetic media.

The various illustrative blocks, modules, elements, components, methods,and algorithms described herein may be implemented as electronichardware, computer software, or combinations of both. To illustrate thisinterchangeability of hardware and software, various illustrativeblocks, modules, elements, components, methods, and algorithms have beendescribed above generally in terms of their functionality. Whether suchfunctionality is implemented as hardware or software depends upon theparticular application and design constraints imposed on the overallsystem. Skilled artisans may implement the described functionality invarying ways for each particular application. Various components andblocks may be arranged differently (e.g., arranged in a different order,or partitioned in a different way) all without departing from the scopeof the subject technology.

It is understood that the specific order or hierarchy of steps in theprocesses disclosed is an illustration of example approaches. Based upondesign preferences, it is understood that the specific order orhierarchy of steps in the processes may be rearranged. Some of the stepsmay be performed simultaneously.

The previous description is provided to enable any person skilled in theart to practice the various aspects described herein. The previousdescription provides various examples of the subject technology, and thesubject technology is not limited to these examples. Variousmodifications to these aspects will be readily apparent to those skilledin the art, and the generic principles defined herein may be applied toother aspects.

A phrase such as an “aspect” does not imply that such aspect isessential to the subject technology or that such aspect applies to allconfigurations of the subject technology. A disclosure relating to anaspect may apply to all configurations, or one or more configurations.An aspect may provide one or more examples. A phrase such as an aspectmay refer to one or more aspects and vice versa. A phrase such as an“embodiment” does not imply that such embodiment is essential to thesubject technology or that such embodiment applies to all configurationsof the subject technology. A disclosure relating to an embodiment mayapply to all embodiments, or one or more embodiments. An embodiment mayprovide one or more examples. A phrase such an embodiment may refer toone or more embodiments and vice versa. A phrase such as a“configuration” does not imply that such configuration is essential tothe subject technology or that such configuration applies to allconfigurations of the subject technology. A disclosure relating to aconfiguration may apply to all configurations, or one or moreconfigurations. A configuration may provide one or more examples. Aphrase such a configuration may refer to one or more configurations andvice versa.

Furthermore, to the extent that the term “include,” “have,” or the likeis used in the description or the claims, such term is intended to beinclusive in a manner similar to the term “comprise” as “comprise” isinterpreted when employed as a transitional word in a claim.

What is claimed is:
 1. A computer-implemented method, comprising:displaying a web browser in a first browsing mode, wherein the webbrowser in the first browsing mode displays an active tab and one ormore hidden tabs, the active tab and the one or more hidden tabs beingassociated with respective web content; receiving an indication to entera second browsing mode for the web browser; and upon entering the secondbrowsing mode, replacing each of the active tab and the one or morehidden tabs with a light bar while displaying content for the active tabin full screen, each light bar indicating a property of web contentassociated with a tab replaced by each light bar, wherein each light barcomprises colored sections, one colored section is based on an iconassociated with the tab corresponding to each light bar, and anothercolored section is based on a state of the tab corresponding to eachlight bar.
 2. The computer-implemented method of claim 1, wherein thesecond browsing mode is an immersive mode for the web browser.
 3. Thecomputer-implemented method of claim 1, further comprising: displayingeach light bar at a location corresponding to the tab replaced by eachlight bar.
 4. The computer-implemented method of claim 3, furthercomprising: identifying an icon associated with the tab replaced bylight bar; and determining at least one dominant icon color for theicon, wherein the at least one dominant icon color for the icon isselected as at least one color of each light bar.
 5. Thecomputer-implemented method of claim 1, wherein each light bar furthercomprises two colors including a selected color and a default color. 6.The computer-implemented method of claim 1, wherein a default color fora light bar associated with an active tab is an active tab color, andwherein a default color for a light bar associated with a hidden tab isa hidden tab color.
 7. The computer-implemented method of claim 1,wherein each light bar is configured to provide a persistent visualindicator of the tab replaced by each light bar.
 8. Thecomputer-implemented method of claim 1, wherein each light bar isconfigured to enable activation of the tab replaced by each light bar.9. The computer-implemented method of claim 1, wherein the propertyincludes a state of the web content associated with the tab replaced byeach light bar.
 10. A system comprising: one or more processors; and amachine-readable medium comprising instructions stored therein, whichwhen executed by the one or more processors, cause the one or moreprocessors to perform operations comprising: displaying a web browserincluding an active tab and one or more hidden tabs, the active tab andthe one or more hidden tabs being associated with respective webcontent; receiving, from a user, an indication to enter an immersivemode for the web browser; and upon entering the immersive mode,displaying content for the active tab in full screen and a light bar inplace of each of the active tab and the one or more hidden tabs, eachlight bar indicating a property of web content associated with abrowsing tab, wherein each light bar comprises colored sections, onecolored section is based on an icon associated with the browsing tabcorresponding to each light bar, and another colored section is based ona state of the browsing tab corresponding to each light bar.
 11. Thesystem of claim 10, wherein the web browser in the immersive mode isdisplayed without the active tab and the one or more hidden tabs. 12.The system of claim 10, further comprising: displaying each light bar ata location corresponding to the browsing tab associated with each lightbar.
 13. The system of claim 12, further comprising: identifying an iconassociated with the browsing tab corresponding to each light bar; anddetermining at least one dominant icon color for the icon, wherein theat least one dominant icon color for the icon is selected as at leastone color of each light bar.
 14. The system of claim 10, wherein eachlight bar comprises at least a selected color and a default color. 15.The system of claim 10, wherein the property includes a state of the webcontent associated with the browsing tab.
 16. A non-transitorymachine-readable medium comprising instructions stored therein, whichwhen executed by a machine, cause the machine to perform operationscomprising: displaying a web browser comprising an active tab and one ormore hidden tabs; receiving an indication to enter a full-screen modefor the web browser; and upon entering the full-screen mode, displayingcontent for the active tab in full screen and a light bar in place ofeach of the active tab and the one or more hidden tabs, each light barindicating a property of web content associated with a tab, wherein eachlight bar comprises colored sections, one colored section is based on anicon associated with the tab corresponding to each light bar, andanother colored section is based on a state of the tab corresponding toeach light bar.
 17. The non-transitory machine-readable medium of claim16, wherein web browser in the full-screen mode is displayed without theactive tab and the one or more hidden tabs.
 18. The non-transitorymachine-readable medium of claim 16, wherein the displaying of eachlight bar comprises, for each light bar: displaying each light bar at alocation corresponding to the tab associated with each light bar. 19.The non-transitory machine-readable medium of claim 16, wherein theproperty includes a state of the web content associated with the tab.